<div id="breadcrumb">
  <a href="/">inicio</a> <%= link_to "tus datos", user_options_url %>
</div>



<div class="clearfix">

<div class="whitebox">
  <div class="cont clearfix">
    <h2 class="">Mantén tus datos al día</h2>

<%= error_messages_for :user %>

 <% form_for(:user, :url => {:action => 'update'}, :html => { :multipart => true}) do |f| -%>
  <fieldset>
    <p>
    <div class="greendialog_white">
      <div class="cont">
        Mantén tus datos actualizados, o cambia tu contraseña, o no :)

      </div>
    </div>
    </p>
    
    <p class="clearfix stub"><label for="login">Nick / apodo </label><br/>
    <strong><%= @user.login %></strong>
    </p>

    <p class="clearfix stub"><label for="name">Nombre</label><br/>
    <%= f.text_field(:name, :class => 'textfield') %></p>


    <p class="clearfix stub"><label for="name">Apellidos</label><br/>
    <%= f.text_field(:surname, :class => 'textfield') %></p>

    <div class="separata"></div>


    <p class="clearfix stub"><label for="birthdate">Naciste el...</label><br/>
    <%= f.date_select(:birthdate, :start_year => 1900, :order => [:day, :month, :year], :class => 'textfield') %></p>
    
    <p class="clearfix stub"><label for="password">Password </label><br/>
    <%= f.password_field(:password, :class => 'textfield') %></p>
    
    <p class="clearfix stub"><label for="password_confirmation">Confirma tu Password </label><br/>
    <%= f.password_field(:password_confirmation, :class => 'textfield') %></p>
  </fieldset>
  <fieldset>
    <p>
    <div class="greendialog_white">
      <div class="cont">
        ¿Quieres actualizar tu imagen? Pues aquí puedes hacerlo :)
      </div>
    </div>
    </p>
    <p>
      <%= file_field :avatar, :file %><br/>
      Selecciona una imagen de tu disco duro (de 48x48 al menos).
    </p>
  </fieldset>
  <fieldset>
    <p>
    <div class="greendialog_white">
      <div class="cont">
        <strong>RECUERDA!!!</strong> Esta información será 100% privada, no la compartiremos con nadie. Solo la utilizaremos para enviarte notificaciones. En este móvil se cargaran los SMS que envíes como notificaciones a tus amigos en los eventos que des de alta. Podrás controlar y limitar el consumo.	

      </div>
    </div>
    </p>

    <p class="clearfix stub"><label for="email">Email </label><br/>
    <strong><%= @user.email %></strong></p>

    <p class="clearfix stub"><label for="mobile">Teléfono móvil <span class="required">*</span></label><br/>
    <%= f.text_field(:mobile, :class => 'textfield') %></p>
    <script type="text/javascript" charset="utf-8">
      var user_mobile = new LiveValidation('user_mobile', {onlyOnSubmit: true, validMessage: " " });
      user_mobile.add( Validate.Presence, {failureMessage: "No puede estar vacío"} );
      user_mobile.add( Validate.Numericality, {notANumberMessage: "Tu teléfono móvil tiene que ser un número"} );
      user_mobile.add( Validate.Length, { is: 9, wrongLengthMessage: "Debe de teber 9 caracteres"} );
    </script>
    
  </fieldset>
  <fieldset>
    <p>
    <div class="greendialog_white">
      <div class="cont">
        Dinos dónde vives. Esta información será 100% privada, solo la utilizaremos para mostrarte las indicaciones de cómo llegar de tu casa a los sitios.

      </div>
    </div>
    </p>
    <p class="clearfix stub"><label for="address">Dirección</label><br/>
    <%= f.text_field(:address, :class => 'textfield') %></p>

    <p class="clearfix stub"><label for="postal_code">Código Postal <span class="required">*</span></label><br/>
    <%= f.text_field(:postal_code, {:class => 'textfield', :maxlength => 5}) %></p>
    <script type="text/javascript" charset="utf-8">
      var user_postal_code = new LiveValidation('user_postal_code', {onlyOnSubmit: true, validMessage: " " });
      user_postal_code.add( Validate.Presence, {failureMessage: "No puede estar vacío"} );
      user_postal_code.add( Validate.Numericality, {notANumberMessage: "Tu código postal tiene que ser un número"} );
      user_postal_code.add( Validate.Length, { is: 5, wrongLengthMessage: "Debe de teber 5 caracteres"} );
    </script>
    
    <p class="clearfix stub"><label for="city">Ciudad</label><br/>
    <%= f.text_field(:city, :class => 'textfield') %></p>

  </fieldset>
  
  <p class="right"><%= submit_tag 'Actualiza tus datos', :class => "yellowbutton" %></p>
  
  <% end -%>

  <p class="note"><span class="required">*</span> indica los campos obligatorios</p>

  </div>
</div>

</div>